<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <main>
        <div class="head">
            <div class="head-img">
                <img class="ibox">
                <a class="sportData-top" href="./mine-edit.html">用户名</a>
            </div>
            <p>个性签名: XXXXXXXXXXXXXXXXXXXXXXXXXX</p>
        </div>
        <input type="file" name="" id="upimg">
        <a class="sportData" href="./sport-data.html">
            <div class="sportData-top">
                <h3>
                    <i class="iconfont iconchart"></i>
                    运动数据
                </h3>
                <i class="iconfont iconarrow-right" id="right"></i>
            </div>
            <div class="sportData-btn">
                <div class="sportTime">
                    <h6>总运动</h6>
                    <p><span>99999</span>分钟</p>
                </div>
                <div class="expend">
                    <h6>本周消耗</h6>
                    <p><span>99999</span>千卡</p>
                </div>
            </div>
        </a>
        <a class="badge">
            <div class="badge-top">
                <h3>
                    <i class="iconfont iconbadge"></i>
                    我的运动徽章
                </h3>
                <i class="iconfont iconarrow-right"></i>
            </div>
            <div class="badge-btn">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </a>
        <p class="back">
            <a>退出登录</a>
        </p>
    </main>
</body>

</html>